<template>
    <div :style="[styleWidth]">
        <a-input-number style="width: 100%;" :placeholder="placeholder" :controls="controls" id="inputNumber" v-model:value="modelValue" :min="min" :max="max" />
    </div>
</template>
<script setup>
import { computed } from "vue"
const modelValue = defineModel()

const props = defineProps({
    placeholder: {
        type: String,
        default: "请输入"
    },
    max: {
        type: Number,
        defualt: 99999
    },
    min: {
        type: Number,
        defualt: 0
    },
    controls: {
        type: Boolean,
        default: true
    },
    width: {
        type: String,
        default: '100%'
    }
})

const styleWidth = computed(() => {
    return { width: props.width }
})
</script>